<template>
  <div class="container">
    <div class="content">
      <TheNav></TheNav>
      <div class="layout">
        <router-view />
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import TheNav from '@/components/TheNav.vue'
export default defineComponent({
  name: 'App',
  components: { TheNav }
})
</script>
<style lang="scss">
.container {
  width: 100%;
  .content {
    width: 1200px;
    margin: 0 auto;
  }
  .layout {
    .layout {
      display: flex;
    }
  }
}
</style>